<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/singsong.css">
</head>
<style>
    .move {
        animation: move 15s linear infinite;
    }
    @keyframes move {
        to{
            transform: rotate(1turn);
        }
    }
    .stopMove{
        animation-play-state: paused;
    }
</style>
<body>
    <div class="filter_body" style="float: left;background: url(images/music_center.jpg) -230px -87px;">
    </div>
   
    <!-- <div class="box" style="margin-top: 100px; justify-content: center; display: flex;position: fixed; width: 100%; height: 200px;background-color: red; z-index: 10;">
        <div class="box1" style="width:100px;height: 100px;background-color: #fff;"></div>
    </div> -->
    <audio src="" controls style="position: fixed; top: 0; left: 0; z-index: 1000;display: none;"></audio> 
    <div class="box_center">
        <!-- <div class="music_title">
            <span>夜尽日出</span>- <span>长夜看海</span>
        </div>  -->
        <img src="images/music_oppen.png" class="open" style="position: absolute;z-index: 10; top: 110px; left: 153px; width: 70px;height: 70px;" >
        <div class="music_tar">
            <img src="images/music_tar.png" alt="">
        </div>
        <div class="music_box move1" >
            
            <!-- <img src="images/music_ring.png" class="music_ring" >
            <img src="images/music_center.jpg" >
        </div>-->
        
        
        </div>
    </div>
    <div class="song_word">
        <ul>
            <!-- <li>我喜欢你</li>
            <li>我喜欢你我喜欢你我喜欢你我喜欢你</li> -->
        </ul>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/singsong.js"></script>
</html>